/*

Theme Name:start

*/

article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}

div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}

body {background:#f5f5f5; font:100%/1.5 'Microsoft Yahei',tahoma,Arial,'Simsun'; overflow-x:hidden;}

* {box-sizing: border-box;}

a {text-decoration:none;}

a:hover,.post h2 a:hover,.nav  ul li a:hover,.nav  ul li a.current,.commentlist ol li .cmt-author a:hover,.commentlist ol li .cmt-floor a,#divComments ul li  a:hover {color:#3F729B;}

li {list-style:none;}

.clear {clear:both;}

a img {border:none;}

table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}

table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}

table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}

.loading {position:fixed; left:0; top:0; width:100%; height:100%; background:url(../images/loading.gif) no-repeat center center;}

@-webkit-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}

@-moz-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}

@-o-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}

@-ms-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}

@keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px);} 100%{ opacity: 1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}}

/*header*/

.site-header {height:120px; transition-duration:0.5s;}

.site-header.fixed {height:80px;}

.header {width:100%; background:#fff; box-shadow:0 1px 1px #eee; margin-bottom:20px; transition-duration:0.8s;}

.header.fixed {position:fixed; transition-duration:0.6s; width:100%; z-index:99; opacity:0.9;}

.top-box {height:100px; transition-duration:0.8s;}

.header.fixed .top-box {height:60px; transition-duration:0.6s;}

.top-box,.container,.mobile-nav .menu,.foot,.foot-ad,.slidershow {width:1200px; margin:0 auto; position:relative;}

.logo {float:left; width:250px; height:60px; margin-top:20px; display:inline; transition-duration:1s; -moz-animation:fadeInLeft 1s ease both; -webkit-animation:fadeInLeft 1s ease both; -o-animation:fadeInLeft 1s ease both; -ms-animation:fadeInLeft 1s ease both; animation:fadeInLeft 1s ease both;}

.logo a {display:block;}

.logo img {display:block; width:auto; max-width:100%; height:auto;}

.nav {float:right; height:45px; margin-top:35px; display:inline; transition-duration:1s;}

.nav ul li {float:left; margin:0 13px; display:inline; font-size:0.875em; transition-duration:0.4s; position:relative; padding-bottom:10px;}

.nav ul li a {color:#444;}

.nav ul li ul {position:absolute; left:-30px; top:30px; background:#fff; border:1px solid #ddd; width:120px; padding:10px; border-radius:5px; z-index:98; display:none;}

.nav ul li ul span.arrow-top {position:absolute; top:-5px; left:50%; margin-left:-2.5px; border-bottom:5px solid #ccc; border-left:5px solid transparent; border-right:5px solid transparent; border-top:none;}

.nav ul li ul li {font-size:1em; padding-bottom:0; margin:5px 0; float:none; display:block;}

.header.fixed .logo {width:169px; height:44px; margin-top:10px; transition-duration:1s;}

.header.fixed .nav {margin-top:20px; transition-duration:1s;}

.header .btn {font-size:2em; position:absolute; right:10px; top:15px; color:#cecece; display:none; cursor:pointer; overflow:hidden;}

.header .btn i {display:block; cursor:pointer;}

.mobile-nav  {margin:-18px 0 18px; display:none; background:#fff; box-shadow:0 1px 1px #eee; width:100%; z-index:97;}

.mobile-nav .menu {padding:10px 0; background:#fff; overflow:hidden;}

.mobile-nav .menu ul li {margin:5px 0; font-size:0.875em; position:relative;}

.mobile-nav .menu ul li i {position:absolute; right:10px; top:8px;}

.mobile-nav .menu ul li a i {display:none;}

.mobile-nav .menu ul li a {color:#444; display:block; background:#f1f1f1; padding:5px;}

.mobile-nav .menu ul li li a {padding:5px 5px 5px 20px;}

/*main*/

.container {clear:both; overflow:hidden; transition-duration:0.8s; }

.breadcrumb {font-size:0.75em; color:#777; margin-bottom:10px; background:#fff; border:1px solid #ebebeb; padding:5px 10px; border-radius:3px;}

.breadcrumb a {color:#777;}

.main {float:left; width:840px;}

/*slidershow*/

.full-slidershow {width:100%; margin-top:-18px;}

.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}

.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}

.rslides li:first-child {position: relative; display: block; float: left;}

.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}

.rslides_container {position: relative; float: left;	width: 100%; overflow:hidden; border-radius:3px; margin-bottom:15px;}

.centered-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	top: 50%; left: 10px; text-indent: -9999px; overflow: hidden; text-decoration: none;	height: 27px; width: 27px; background: transparent url("../images/arrow.png") no-repeat left top; margin-top: -13.5px;}

.centered-btns_nav:active {opacity: 1.0;}

.centered-btns_nav.next {left: auto;	background-position: right top;	right: 10px;}

.transparent-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	top: 0;	left: 0; display: block;background: #fff;opacity: 0;filter: alpha(opacity=1);width: 48%;text-indent: -9999px;overflow: hidden;height: 91%;}

.transparent-btns_nav.next {left: auto;	right: 0px;}

.large-btns_nav {z-index: 3;	position: absolute;	-webkit-tap-highlight-color: rgba(0,0,0,0);	opacity: 0.6;text-indent: -9999px;	overflow: hidden;top: 0;bottom: 0;left: 0;	background: #000 url("../images/arrow.png") no-repeat left 50%;	width: 38px;}

.large-btns_nav:active {	opacity: 1.0;}

.large-btns_nav.next {left: auto;background-position: right 50%;	right: 0;}

.centered-btns_nav:focus,.transparent-btns_nav:focus,.large-btns_nav:focus {outline: none;}

.centered-btns_tabs,.transparent-btns_tabs,.large-btns_tabs {text-align: center;	position: absolute;	bottom: 5%;	width: 100%;z-index: 9;}

.centered-btns_tabs li,.transparent-btns_tabs li,.large-btns_tabs li {	display: inline;float: none;_float: left;*float: left;margin-right: 5px;}

.centered-btns_tabs a,.transparent-btns_tabs a,.large-btns_tabs a {	overflow: hidden;-webkit-border-radius: 2px;-moz-border-radius: 2px;	border-radius: 2px;	background: #ccc;background: rgba(255,255,255, .9);	display: inline-block; _display: block;	*display: block; width: 20px;height: 20px;	line-height:20px; font-size:0.75em; color:#666;}

.centered-btns_here a,.transparent-btns_here a,.large-btns_here a {background: #0F72A5; color:#fff;}

/*post*/

.post {overflow:hidden; background:#fff; border:1px solid #EBEBEB; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:20px; margin-bottom:15px; transition-duration:0.6s;}

.post h1 {text-align:center; font-size:1.625em; color:#444; font-weight:normal; margin-bottom:10px;}

.post.hover {border-color:#61B3E6; transition-duration:0.6s;}

.post h2 {font-size:1em; margin-bottom:15px;}

.post h2 a {color:#333;}

.istop h2 {margin-bottom:0;}

.post .post-cat,.istop h2 span {float:left; font-size:0.75em; margin:3px 10px 0 0; display:inline;}

.post .post-cat a,.istop h2 span {padding:3px 6px 2px; background:#7FBB00; color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-family:'Simsun';}

.post .post-cat a:hover {background:#0F72A5;}

.istop h2 span {font-weight:normal; background:#F04848; padding:2px 6px 0; margin:2px 10px 0 0;}

.post .thumb {width:250px; height:auto; float:left; margin:5px 15px 5px 0; display:inline;}

.post .thumb a {display:block; border:1px solid #ddd; padding:2px; background:#f1f1f1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:hidden;}

.post .thumb img {display:block; width:100%; height:auto;}

.post .thumb img:hover {opacity:0.7;}

.post .entry {font-size:0.875em; color:#555; overflow:hidden;}

.post .entry blockquote {margin:0 2em 15px; padding:10px 10px 0; overflow:hidden; background:#efefef; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.post .entry p {margin-bottom:15px; line-height:1.75em; text-align:justify;}

.post .entry a {color:#0F72A5;}

.post .entry a:hover {text-decoration:underline;}

.post .entry img {width:auto; max-width:100%; height:auto;}

.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {margin-bottom:15px;}

.post .entry ul,.post .entry ol {margin-bottom:15px; margin-left:2em;}

.post .entry ul li {list-style:outside disc none;}

.post .entry ol li {list-style:outside decimal none;}

.post .search-result {padding:20px 0;}

.post .search-result p {background:#ebebeb; padding:10px 2%; border-left:4px solid #0F72A5; border-right:4px solid #0F72A5;}

.post .search-result p a {color:#555;}

.post .search-result p a:hover {color:#0F72A5;}

.post .postmeta {font-size:0.75em; color:#666;}

.post .postmeta a {color:#666;}

.post .postmeta a:hover {text-decoration:underline;}

.post .postmeta span {padding-right:5px;}

.post .article-meta {text-align:center; color:#999; margin-bottom:15px; border-bottom:1px solid #ebebeb; padding-bottom:20px;}

.post .tags {text-align:center; font-size:0.875em; padding:10px 0; color:#888;}

.post .tags a {background:#3F729B; color:#fff; padding:0 5px; margin:0 2px; font-size:0.875em;}

.post .tags a:hover {background:#F57F7F;}

.post .post-nav {padding:10px 0; overflow:hidden;}

.post .post-nav span {display:block; font-size:0.875em; color:#888;}

.post .post-nav a {color:#444; font-size:0.75em;}

.post .post-nav .nav-left {float:left;}

.post .post-nav .nav-right {float:right;}

.post .post-nav .nav-right span {text-align:right;}

.post .post-copyright {font-size:0.75em; background:#F4F4F4; border-bottom:2px solid #ebebeb; padding:10px; color:#999; position:relative; margin-bottom:15px;}

.post .post-copyright a {color:#999;}

.post .related {margin-bottom:15px;}

.post .related p {font-size:0.875em; color:#666; text-align:center; background:#f4f4f4; border-left:4px solid #3F729B; border-right:4px solid #3F729B; padding:5px 0;}

.post .related h3,.commentlist h3,.commentsform h3{font-size:1em; font-weight:normal; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:5px;}

.post .related ul li {clear:both; overflow:hidden; margin:6px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.post .related ul li a{font-size:0.875em; color:#444;}

.post .related ul li span {display:inline-block; width:15px; height:15px; background:#ccc; color:#fff; float:left; line-height:15px; text-align:center; font-size:0.75em; margin:6px 8px 0 0;}

.post .related ul li span.top {background:#3F729B;}

.post .related ul li i {float:right; font-size:0.75em; color:#999;}

.start-ad {overflow:hidden;}

.start-ad img,.surroundad img,.foot-ad img {display:block; width:100%; height:auto;}

.start-ad {width:100%; height:auto; margin-bottom:15px;}

.surroundad {float:left; width:35%; height:auto; margin-right:15px; margin-top:5px; display:inline;}

.social-share {text-align:center;}

.social-share .bdsharebuttonbox a {float:none;}

/*commentlist*/

.commentlist {margin-bottom:15px;}

.commentlist ol li {clear:both; padding:10px 0;}

.commentlist ol li .cmt-info {position:relative; padding-left:50px; margin-bottom:10px;}

.commentlist ol li .gravatar {position:absolute; left:0; top:3px; width:40px; height:40px;}

.commentlist ol li .gravatar img {display:block; width:100%; height:auto; transform:Rotate(-720deg); transition:transform 0.4s ease 0s;}

.commentlist ol li .gravatar img:hover {transform:Rotate(720deg); transition:transform 0.4s ease 0s;}

.commentlist ol li .cmt-author {font-weight:bold; font-size:0.875em; margin-bottom:5px;line-height: 40px;   padding-top: 4px;}

.commentlist ol li .cmt-author a {color:#000;}

.commentlist ol li .cmt-meta {font-size:0.75em; color:#999;}

.commentlist ol li .cmt-meta span,.commentlist ol li .cmt-meta span a{color:#6B92B2;}

.commentlist ol li .cmt-floor {position:absolute; right:0; top:3px; font-size:0.875em; color:#666;}

.commentlist ol li .cmt-con {font-size:0.875em; color:#333;}

.commentlist ol li ol {margin-left:10px; border:1px solid #ebebeb; background:#f9f9f9; margin-top:15px; padding:0 10px;}

/*commentsform*/

.commentsform p {clear:both; overflow:hidden; margin:10px 0; font-size:0.875em;}

.commentsform .text {width:50%; border:1px solid #ddd; height:35px; line-height:35px; padding:0 5px; margin-right:10px;}

.commentsform textarea {width:98%; border:1px solid #ddd; height:150px; padding:8px 1%; -webkit-border-radius:4px; border-radius:4px; font-size:1em;}

.commentsform .submit,.commentsform a#cancel-reply {width:50%; border:1px solid #ddd; cursor:pointer; height:35px; font-family:'Microsoft Yahei'; color:#555; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.commentsform .submit:hover {background:#3F729B; color:#fff; transition:all 0.2s ease-in 0s;}

.commentsform a#cancel-reply {display:block; text-align:center; line-height:32px;}

.commentsform a#cancel-reply:hover {color:#fff; background:#F04848; transition:all 0.2s ease-in 0s;}

/*sidebar*/

.sidebar {width:345px; float:right;}

.widget {margin-bottom:15px;}

.widget h3,#tbCalendar caption  {font-size:0.875em; height:40px; padding:0 10px; line-height:40px; background:#fff; margin-bottom:2px;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #EBEBEB;}

.widget h3 i {display:block; float:left; height:40px; line-height:43px; padding-right:10px; font-size:1.3em; border-right:1px solid #ddd; margin-right:10px; color:#FF8800;}

.widget ul,#divSearchPanel div,#divContorPanel div,#divCalendar table {background:#fff; padding:10px;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #EBEBEB;}

.widget img {width:auto; max-width:100%; height:auto; display:block;}

.widget a {color:#555;}

.widget ul.news-list li {font-size:0.875em; line-height:1.75em; background:url(../images/dot.png) no-repeat left center; padding-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.widget ul.hot-post li {overflow:hidden; padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:5px;}

.widget ul.hot-post li .thumb {width:100px; height:auto; float:left; margin-top:5px; margin-right:10px; display:inline;}

.widget ul.hot-post li .thumb a {display:block; overflow:hidden; border-radius:3px;}

.widget ul.hot-post li .thumb img {width:100%; height:auto; display:block; transition:transform 0.5s ease 0s;}

.widget ul.hot-post li .thumb img:hover {transform:scale(1.4,1.4); transition:transform 0.3s ease 0s; opacity:0.6;}

.widget ul.hot-post li .hot-title {font-size:0.875em; margin-bottom:5px;}

.widget ul.hot-post li  a {color:#444;}

.widget ul.hot-post li  a:hover {color:#3F729B;}

.widget ul.hot-post li .hot-time {font-size:0.75em; color:#999;}

#scroll.scroll {position:fixed; width:inherit; top:75px;}

#scroll.stop {position:absolute; width:inherit; bottom:0; right:0;}

.widget input[type="text"] {width:80%; height:35px; line-height:35px; border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 2%;}

.widget input[type="submit"] {height:35px; width:17%; background:#F04848; border:none; color:#fff; cursor:pointer; border-radius:3px;}

#divSearchPanel div,#divContorPanel div {font-size:0.875em;}

#divTags ul {overflow:hidden;}

#divTags ul li {float:left; background:none; font-size:0.75em; margin:5px 0; display:inline;}

#divTags ul li a {display:block; float:left; background:#3F729B; color:#fff; padding:2px 4px; border-radius:2px;}

#divTags ul li a:hover {background:#F04848; color:#fff;}

#tbCalendar {width:100%;}

#tbCalendar caption {font-weight:bold;}

#tbCalendar thead,#tbCalendar tbody {background:#fff;}

#tbCalendar td {border:none;}

#tbCalendar thead tr th{padding:10px 0;}

#tbCalendar tbody tr td {padding-bottom:10px;}

#tbCalendar tbody tr td a {background:#F04848; color:#fff; padding:2px; font-size:0.75em; border-radius:5px;}

#divComments ul li {background:none; padding-left:0; margin:5px 0; border-bottom:1px dotted #ddd; padding-bottom:5px; color:#444;}

#divComments ul li  a {color:#444;}

#divComments ul li img {display:block; width:24px; height:24px; float:left; margin-right:5px; display:inline;}

#divComments ul li b {color:#444;}

#divLinkage ul,#divCatalog ul,#divFavorites ul {overflow:hidden;}

#divLinkage ul li,#divCatalog ul li,#divFavorites ul li {background:none; float:left; width:50%; padding-left:0; margin:5px 0; text-align:center;}

#divLinkage ul li a,#divCatalog ul li a,#divFavorites ul li a {display:block; background:#efefef; color:#666; width:95%; margin:0 auto;}

#divMisc ul li {background:none; padding-left:0; margin:5px auto; text-align:center;}

#divMisc ul li a {display:block;}

#divMisc ul li img {display:block; margin:0 auto;}

#divStatistics ul li,#divAuthors ul li,span.cp-hello,span.cp-login,span.cp-vrs {background:none; border-left:4px solid #F15A5A; background:#efefef; color:#666; margin:5px 0;}

span.cp-hello,span.cp-login,span.cp-vrs {display:block; padding:5px 10px; margin:0;}

/*pagenavi*/

.pagenavi {clear:both; text-align:center; font-size:0.75em;}

.pagenavi a,.pagenavi .now-page {display:inline-block; padding:2px 8px; background:#fff; margin-bottom:10px; color:#666; border-radius:2px;}

.pagenavi a:hover,.pagenavi .now-page {color:#fff; background:#3F729B;}

/*footer*/

.foot-ad {padding-bottom:10px;}

.footer {background:#fff; border-top:1px solid #eee; padding:40px 0; text-align:center; font-size:0.75em; color:#888;}

.footer p {margin:5px 0;}

.footer a {color:#888;}

.backtop {position:fixed; top:70%; right:10px;}

.backtop a {display:block; width:35px; height:35px; background:#FCFCFC; color:#ccc; border:1px solid #ebebeb; text-align:center; line-height:30px; cursor:pointer;}

.backtop a:hover {background:#3F729B; color:#fff;}

/*screen width*/

@media only screen and (max-width:1280px){

	.top-box, 

	.container,

	.mobile-nav .menu,

	.foot,

	.foot-ad,

	.slidershow {

		width:93.75%;

		transition-duration:0.6s;

	}

	.main {

		width:70%;

		transition-duration:0.6s;

	}

	.sidebar {

		width:28.75%;

		transition-duration:0.6s;

	}

}

@media only screen and (max-width:1200px){

	.logo {

		width:20.833333%;

		transition-duration:0.6s;

	}

	.nav ul li {

		margin:0 9px;

		transition-duration:0.4s;

	}

}

@media only screen and (max-width:980px){

	.top-box  {

		height:85px;

		transition-duration:0.6s;

	}

	.site-header {

		height:105px;

	}

	.nav ul li {

		margin:0 6px;

		transition-duration:0.6s;

	}

	.post h2 {

		margin-bottom:10px;

		transition-duration:0.6s;

	}

	.post .thumb {

		width:38%;

		transition-duration:0.6s;

	}

}

@media only screen and (max-width:900px){

	.site-header {

		height:80px;

	}

	.top-box  {

		height:60px;

		transition-duration:0.6s;

	}

	.header .btn {

		display:block;

	}

	.logo,

	.header.fixed .logo {

		margin-top:10px;

		height:44px;

		width:auto;

	}

	.logo img {

		height:44px;

		width:auto;

		transition-duration:0.6s;

	}

	.nav {

		margin-top:20px;

		display:none;

	}

	.main,

	.sidebar {

		width:100%;

		float:none;

		display:block;

	}

	.sidebar {

		display:none;

	}

	.post .thumb {

		width:28%;

		transition-duration:0.6s;

	}

}

@media only screen and (max-width:640px) {

	.loop-entry,

	.post .related ul li i  {

		display:none;

	}

	.post .thumb {

		width:20%;

		transition-duration:0.6s;

	}	

}

@media only screen and (max-width:480px) {	

	.post .postmeta {

		clear:both;

	}

}

@media only screen and (max-width:360px) {

	.post .postmeta,

	.commentlist ol li .gravatar {

		display:none;

	}	

	.post .thumb {

		width:30%;

		transition-duration:0.6s;

	}

	.commentlist ol li .cmt-info {

		padding-left:0;

	}

}

@media only screen and (max-width:300px) {

	.post .thumb  {

		display:none;

	}	

}
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}